import React from 'react'
import './index.less'
import Breadcrumb from '@components/Breadcrumb/index'
import Zhangwenhong from '@assets/zhangwenhong.png'
import Xuhongjie from '@assets/xuhongjie.png'
import Weixiaolin from '@assets/weixiaolin.png'
import Huwei from '@assets/huwei.png'
export default class Home extends React.Component{
    constructor(props) {
        super(props)
        this.state = {
            data: [
                {
                    img: Zhangwenhong,
                    name: '张文宏'
                },{
                    img: Xuhongjie,
                    name: '徐宏杰'
                },{
                    img: Weixiaolin,
                    name: '魏晓林'
                },{
                    img: Huwei,
                    name: '胡微'
                }
            ]
        }
    }

    render() {
        document.title = '关于我们-学术委员会'
        return (
            <div className="scientific-advisory-board">
                <Breadcrumb arr={['关于我们', '学术委员会']}/>
                <ul className="main">
                {
                    this.state.data.map((item, index) => (
                        <li key={index}>
                           <div><img src={item.img} key={index}/></div>
                            <p>{item.name}</p>
                        </li>
                    ))
                }
                </ul>
            </div>
        )
    }
}